Updated ToDo List exercise to promote modularization using ES Modules #745
Conversation
| - Separation of Concerns – Each part of the code handles a specific task, keeping things clear and organized. | ||
| - Team Collaboration – Multiple people can work on different modules at the same time without conflict. | ||
| - Scalability – You can add new features more easily as the project grows. | ||
| - Testing – Smaller modules are easier to test individually. |
There was a problem hiding this comment.
It feels maybe worth giving an "all together" vs "split out" example alongside this content? I think "separation of concerns" and "testability" are quite hard things to visualise without an example if you haven't experienced them before.
There was a problem hiding this comment.
I think some examples to illustrate those ideas could be useful. I can prepare them.
| - Scalability – You can add new features more easily as the project grows. | ||
| - Testing – Smaller modules are easier to test individually. | ||
| - Readability – Modular code is easier to read, understand, and navigate. | ||
|
|
There was a problem hiding this comment.
It's probably worth mentioning explicitly that when you import something it causes all of the top-level statements in that file to get run? Which is why defining functions is fine, but e.g. adding an event listener isn't?
There was a problem hiding this comment.
My intention is to introduce the bare minimum of ESM through an example to get them started, and expect them to find out more about ESM from external resources:
- https://javascript.info/modules-intro
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
Too much info initially could overwhelm many of them.
Co-authored-by: Daniel Wagner-Hall <[email protected]>
Co-authored-by: Daniel Wagner-Hall <[email protected]>
I was aiming to only introduce ESM through an example, and not requiring the trainees to use ESM in all their DOM-related exercises. (Do we want to?)
|
Yeah, I think this makes sense - thanks! |
Changelist
Updated the todo-list exercise to demonstrate how we can modularize a web app using ES Modules.